@import "var.less";

// 上下左右居中
.layout(
  @justify-content: flex-start,
  @align-items: stretch,
  @flex-direction: row,
  @flex-wrap: nowrap
) {
  display: flex;
  justify-content: @justify-content;
  align-items: @align-items;
  flex-direction: @flex-direction;
  flex-wrap: @flex-wrap;
}

// 图标
.icon(@size: 1.5em, @color: @color-black) {
  width: @size;
  height: @size;
  font-size: @size;
  color: @color;
  fill: currentColor;
  overflow: hidden;
  position: relative;
}

.box-shadow(@box-shadow) {
  -webkit-box-shadow: @box-shadow;
  -moz-box-shadow: @box-shadow;
  box-shadow: @box-shadow;
}
